import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/home',
      name: 'home',
      component: HomeView,
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue'),
    },
      {
      path: '/fhxs',
      name: 'fhxs',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroomfh/fhxs.vue'),
    },
         {
      path: '/fhadd',
      name: 'fhadd',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroomfh/fhadd.vue'),
    },
          {
      path: '/fhxg',
      name: 'fhxg',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroomfh/fhxg.vue'),
    },
           {
      path: '/fhxg',
      name: 'fhxg',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroomfh/fhxg.vue'),
    },
           {
      path: '/fxadd',
      name: 'fxadd',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroomfx/fxadd.vue'),
    },
             {
      path: '/fxxs',
      name: 'fxxs',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroomfx/fxxs.vue'),
    },
           {
      path: '/pfadd',
      name: 'pfadd',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroompf/pfadd.vue'),
    },
           {
      path: '/pfxs',
      name: 'pfxs',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroompf/pfxs.vue'),
    },
              {
      path: '/pfxq',
      name: 'pfxq',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/userroompf/pfxq.vue'),
    },
               {
      path: '/',
      name: 'dl',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/logindl/dl.vue'),
    },
  ],
})

export default router
